<extend name="Moban/index" />

<block name='motaikuan'>
	<script>
		$('#myModal').modal('no');
	</script>
</block>

<block name='main'>
<div class="events-section">
	<!---->
	<div class="event-slider">	  
		  <div class="callbacks_container">
			  <ul class="rslides" id="slider">
				<!--  -->
				<volist name='click' id='v1'>
				<li>
					<a href=""><img src="__PUBLIC__/home/images/event-1.jpg" alt=""/></a>
					<div class="caption">
						<h3><{$v1.title}></h3>
						<h4><{$v1.summary}></h4>
						<p>作者:</p>
						<a class="more" href="<{:U('')}>">点击阅读</a>
					</div>
				</li>
				</volist>				 
			  </ul>	      
		  </div>
	</div>
	<script src="__PUBLIC__/home/js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>

	<!--搜索 -->
	<div class="tab-pane active" >
	  	<form role="form" class="form-horizontal" action="<{:U('Sousuo/index')}>" method="post">           
            <div class="form-group">
                <label class="col-sm-2 control-label">
                    搜书</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" name="title" placeholder="请输入查找的书籍名" />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-2">
                </div>
                <div class="col-sm-10">
                    <button type="submit" class="btn btn-primary btn-sm" style="border-radius:10px">
                        搜索</button>                 
                </div>
            </div>
	    </form>
	</div>
	<!--搜索 -->
	<div class="event-page-tabs">
	<div class="grid_3 grid_5">
		<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
			<ul id="myTab" class="nav nav-tabs" role="tablist">
			  	<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">点击排行榜</a></li>
			  	<li role="presentation"><a href="<{:U('Bangdan/index')}>#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">推荐排行榜</a></li>			  	
			</ul>

			<div id="myTabContent" class="tab-content">
			  	
			  	<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">				  
			  	<volist name='list' id='v'>
				  	<div class="events-grids">
						
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/home/images/e1.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#"><{$v.click}></a>
								<span><{$v.title}></span>
								<p><label>This weekend</label> 4 Jul - 5 Sep</p>
								<a class="e-green" href="#"><{$v.title}></a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html"><{$v.click}></a>
							</div>
						</div>
			  		</div>
				</volist>
			  		<div class="clearfix"></div>
			  	</div>

			  	<div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">	<volist name='recommend' id='vo'>	
			  		<div class="col-md-4 event-grid">
						<a href="event-single.html"><img src="__PUBLIC__/home/images/e4.jpg" alt="" /></a>
						<div class="event-info">
							<a class="m-movie-link" href="#"><{$vo.recommend}></a>
							<span>Leh</span>
							<p><label>This weekend</label><{$vo.title}></p>
							<a class="e-green" href="#"><{$vo.title}></a>
							<div class="clearfix"></div>
							<a class="buy" href="events-ticket-booking.html"><{$vo.recommend}></a>
						</div>
					</div>
				 	</volist>
				 	<div class="clearfix"></div>	
				</div>				
			
		   	</div>
		</div>
	</div>
</block>
